<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./assets/css/jquery.mobile.ios.theme.css">
    <link rel="stylesheet" href="./assets/css/style.css">
</head>
<body class="ui-overlay-h">
<div class="ui-panel-wrapper ui-page-theme-h" data-role="page" id="home">
    <div data-position="fixed" data-role="header" data-tap-toggle="false">
        <h1 class="header-title">赛事</h1>
    </div>
    <div data-role="content">
        <div class="" style="background: #ffffff">
            <img src="./assets/images/slide1.png" style="width: 100%;height: auto;" alt="">
            <div class="ui-bar">
                金桥碧云社区关爱运动会 
            </div>
        </div>


        <ul class="ui-margin-top" data-role="listview">
            <li>
                <div style="font-size:12px;text-align: center">赛事概况</div>
            </li>
            <li>
                <p> 赛事名称：上海金桥BE young 运动会</p>
                <p> 赛事类型：多项赛</p>
                <p> 赛事规模：大型赛事</p>
                <p> 活动时间：2017年5月20日-10月21日</p>
                <p> 活动地点：上海 上海市 浦东新区上海德威学校、上海实验东校、 美格菲健身中心</p>
            </li>
            <li class="noborder" style="border-top-width: 0px">
                <div style="font-size:12px;text-align: center">显示全部 <i class="ion-arrow-down-b"></i></div>
            </li>
        </ul>

        <ul class="ui-margin-top" data-role="listview">
            <li>
                <div style="font-size:12px;text-align: center">活动项目</div>
            </li>
            <li class="ui-li-has-thumb">
                <a href="" class="ui-btn ui-btn-icon-right">
                    <img style="height: 100%" src="./assets/images/slide1.png">
                    <p>金桥碧云社区关爱运动会21KM金桥碧云社区关爱运动会21KM</p>
                    <div>
                        <span style="float: right;color:#9B9B9B">报名中</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
            <li>
                <a href="" class="ui-btn ui-btn-icon-right">
                    <img src="./assets/images/slide1.png">
                    <p>金桥碧云社区关爱运动会21KM金桥碧云社区关爱运动会21KM</p>
                    <div>
                        <span style="float: right;color:#9B9B9B">报名中</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
        </ul>

        <ul class="ui-margin-top" data-role="listview">
            <li>
                <div style="font-size:12px;text-align: center">主办方</div>
            </li>
            <li class="noborder" style="border-width: 0px">
                <div class="parent">
                    <div class="child"><img src="./assets/images/u1689.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1691.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1693.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1695.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1697.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1699.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1701.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1709.png" alt=""></div>
                </div>
            </li>
            <li class="noborder" style="border-width: 0px">
                <div style="font-size:12px;text-align: center">合作媒体</div>
            </li>
            <li class="noborder" style="border-width: 0px">
                <div class="parent">
                    <div class="child"><img src="./assets/images/u1701.png" alt=""></div>
                    <div class="child"><img src="./assets/images/u1709.png" alt=""></div>
                </div>

            </li>

        </ul>
    </div>

    <div data-role="footer" data-tap-toggle="false" data-position="fixed">
        <div class="parent">
            <div class="child">首页</div>
            <div class="child">首页</div>
            <div class="child">首页</div>
            <div class="child">首页</div>
        </div>
    </div>

</div>
</body>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/index.js"></script>
<script src="./assets/js/jquery.mobile-1.4.5.min.js"></script>


<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();

    });


</script>
</body>
</html>
